<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>西城区充分就业管理平台</title>
	<link rel="stylesheet" type="text/css" href="resources/plugins/fontawesome-4.2.0_ie7/css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="resources/plugins/easyui/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="resources/plugins/easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="resources/plugins/uploadify/uploadify.css" />
	<link rel="stylesheet" type="text/css" href="resources/css/app/index.css" />
	<link rel="stylesheet" type="text/css" href="resources/css/app/common.css" />
	<link rel="stylesheet" type="text/css" href="resources/plugins/fontawesome-4.2.0_ie7/css/font-awesome.min.css" />
	<script type="text/javascript" src="resources/plugins/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="resources/plugins/extensions/jquery.jdirk.min.js"></script><!-- jquery扩展 -->
	<script type="text/javascript" src="resources/plugins/extensions/jquery.jqprint-0.3.js"></script>
	<script type="text/javascript" src="resources/plugins/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="resources/plugins/easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="resources/plugins/easyui/easyloader.js"></script>
	<script type="text/javascript" src="resources/plugins/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="resources/plugins/uploadify/jquery.uploadify.js"></script>
	<script type="text/javascript" src="resources/js/app/app.js"></script>
	<script type="text/javascript" src="resources/js/app/index.js"></script>
	<script type="text/javascript" src="resources/js/app/util.js"></script>
</head>
<body>
	<input id="indexLoginName" type="hidden" value="<%=request.getAttribute("loginName") %>" />
	<div id="indexMainLayout" class="easyui-layout hidden" data-options="fit: true">
		<div data-options="region:'north',split:true,fit:true" class="index-north-panel">
			<div class="top-bar-left">
	           <h1 id="appName"></h1>
	        </div>
	        <div class="top-bar-right">
	        	<a href="javascript:void(0)" id="appManage" class="easyui-menubutton" data-options="menu:'#appManage_menu'">系统管理</a>
	        	<div id="appManage_menu" class="index-app-manage">   
				    <div id="indexFullScreen">全屏切换</div>   
<!-- 				    <div id="menuPwdModify" onclick="$('#pwdModify').dialog('open')">修改密码</div>   -->
				    <div class="menu-sep"></div>
				    <div id="menuAppExit">退出系统</div>   
				</div>
	        </div>
		</div>
		<div id="index-west-panel" class="index-west-panel" data-options="region:'west',title:'资源菜单栏',split:true">
			
		</div>
		<div data-options="region:'center', border:false" class="index-center-panel">
			<div id="indexMainTabsTools" class="tabs-tool">
				<a id="indexMainTabsToggleAll" class="easyui-linkbutton" title="展开/折叠全部面板" data-options="plain:true">
					<i id="indexMainTabsToggleAllIcon" class="fa fa-expand"></i>
				</a>
			</div>
			<div id="indexMainTabs" class="easyui-tabs" data-options="fit:true, border:true, showOption:true, enableNewTabMenu:true, enableJumpTabMenu:true, tools:'#indexMainTabsTools',">
				<div id="indexHomePanel" class="padding5" data-options="title: '主页'">
					<div class="easyui-layout" data-options="fit:true,border:false">
						<div data-options="region:'center',collapsible:false,border:false"> 
							<div class="easyui-layout" data-options="fit:true">
							 	<div data-options="region:'center',title:'访问记录',collapsible:false">
							 		<p class="margin5">欢迎[<a id="appUserName"></a>]访问西城区充分就业管理平台</p>
							 	</div>
							</div>
						</div> 
						<div data-options="region:'west',title:'日历',split:true" style="width:240px;">		
							<div class="easyui-calendar" data-options="border:false" style="width:233px;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-options="region:'south',split:true" class="index-south-panel">
			<span>技术支持@易人合众网络技术（北京）有限公司</span>
		</div>
		<div closed="true"  id="pwdModify" class="easyui-dialog" title="修改密码"  data-options="modal:true,minimizable:false, maximizable:false, collapsible:false,resizable:false,shadow:false" style="width:360px;height:300px;padding:10px">
			 <form id="pwdModifyForm" method="post">
				<table class="index-pwdModify-table" >
					<tr>
						<td>用户名：</td>
						<td><input class="easyui-textbox" type="text" name="loginName" readonly="true" value="<%=request.getAttribute("loginName")%>"style="width:120px"/></td>
					</tr>
					<tr>
						<td>当前密码：</td>
						<td><input class="easyui-textbox easyui-validatebox"  type="password" name="currentPwd" style="width:120px" id="currentPwd"/></td>
					</tr>
					<tr>
						<td>新密码：</td>
						<td><input class="easyui-textbox easyui-validatebox"  type="password" name="newPwd" style="width:120px" id="newPwd" 
						data-options="required:true,validType:['length[6,18]','equals']" /></td>
					</tr>
					<tr>
						<td colspan="2" style="text-align:center"><a href="#" class="easyui-linkbutton " style="width:80px;"  onclick="pwdModifyFun()">确定</a>&nbsp;
						<a href="#" class="easyui-linkbutton " style="width:80px;" onclick="$('#pwdModify').dialog('close')">取消</a></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	
	<!-- 容器遮罩 -->
	<div id="indexMaskContainer">
        <div class="datagrid-mask" style="display: block;"></div>
        <div class="datagrid-mask-msg" style="display: block; left: 50%; margin-left: -52.5px;">
            	正在加载...
        </div>
    </div>
    <!-- 系统屏保 -->
    <div id="indexScreenMaskContainer" class="index-screen-mask-container">
    	<div class="datagrid-mask index-screen-mask">
    		<div class="dj-box block-warp">
				<div class="U-list">
					<span id="index_userName" class="userName">
					</span>
				</div>
				<div class="U-list">
					<label>
						<input id="indexScreenMask_password" type="password" onkeydown="window.mainpage.passwordInputKeyListener(event)"/>
					</label>
					<button onclick="window.mainpage.unLockApp()">
						<i class="fa fa-arrow-right fa-2x app-icon-color"></i>						
					</button>
					<button onclick="window.mainpage.logout()">
						<i class="fa fa-remove fa-2x app-icon-color"></i>						
					</button>
				</div>
				<div id="index_errorMsg" class="U-list"></div>
			</div>
    	</div>
    </div>
</body>
</html>
